<!-- Generated template for the MySlideComponent component -->
<ion-slides class="slide-title" #menuSlides [slidesPerView]="pageNumber" [pager]="false" (ionSlideDidChange)="slideChanged()"> 
  <ion-slide *ngFor="let slide of slides; let i = index;">
    <div (click)="onClick(i)">
        <span class="slide-title-unit" [ngClass]="{'slide-title-active': pageIndex == i}">{{slide}}</span>
    </div>
  </ion-slide>
</ion-slides>

<!-- 第二种方法 -->
<!-- <div class="slide-product">
  <ion-scroll scrollX='true'>
    <ul class="clearFix">
      <li *ngFor="let slide of slides; let i = index;" class="slide-title-unit" [ngClass]="{'slide-title-active': selectedIndex == i}">{{slide}}</li>
    </ul>
  </ion-scroll>
</div> -->



